<template>
	<view class="user-wallet-qh-page">
		<view class="header-box">
			<image src="../../static/images/bg_1.png" mode="widthFix" class="bg-img"></image>
			<view class="text1">趣换币收益</view>
			<view class="text2">18863</view>
			<view class="text3">
				<u-icon name="volume" size="28" color="#fff"></u-icon>
				<text class="text">每日凌晨会自动兑换成余额至余额账户</text>
			</view>
		</view>
		<view class="main-box">
			<view class="tab-box">
				<view class="tab is-active">趣币记录</view>
				<view class="tab">兑换记录</view>
			</view>
			
			<view class="list-box">
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="content">
						<image src="../../static/images/coupon_type_icon_1.png" mode="" class="avatar"></image>
						<view class="text">冯晓霞（2023.12.24注册）</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="content">
						<image src="../../static/images/coupon_type_icon_1.png" mode="" class="avatar"></image>
						<view class="text">冯晓霞（2023.12.24注册）</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="content">
						<image src="../../static/images/coupon_type_icon_1.png" mode="" class="avatar"></image>
						<view class="text">冯晓霞（2023.12.24注册）</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="content">
						<image src="../../static/images/coupon_type_icon_1.png" mode="" class="avatar"></image>
						<view class="text">冯晓霞（2023.12.24注册）</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="content">
						<image src="../../static/images/coupon_type_icon_1.png" mode="" class="avatar"></image>
						<view class="text">冯晓霞（2023.12.24注册）</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
				<view class="item">
					<view class="top-bar">
						<view class="label">趣币兑换余额</view>
						<view class="value">+480</view>
					</view>
					<view class="content">
						<image src="../../static/images/coupon_type_icon_1.png" mode="" class="avatar"></image>
						<view class="text">冯晓霞（2023.12.24注册）</view>
					</view>
					<view class="date">2024.02.26</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},

		components: {},
		props: {},

		onLoad: function(options) {

		},


		methods: {

		}
	};
</script>
<style lang="scss" scoped>
	@import "index.scss";
</style>